<template>
  <div class="salarys-container">
    <div class="app-container">
      <h2>
        社保
      </h2>
      <!-- 简化 父子 字父 通信
          .sync修饰符
          父传子的时候 加.sync修饰符
          子组件要修改父组件数据的时候,
          自定义事件 this.$emit('update:属性名',值)
          子组件要改的值会自动同步给父组件, 自定义事件处理不要加了
       -->
      <son
        :num.sync="num"
        :str.sync="str"
      />
    </div>
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  name: 'Social',
  components: { Son },
  data() {
    return {
      num: 100,
      str: '哈哈哈'
    }
  },
  methods: {
    changeNum(newVal) {
      this.num = newVal
    },
    changeStr(newVal) {
      this.str = newVal
    }
  }
}
</script>

<style>

</style>
